@import url('http://truyengicungco.com/Fonts/Palatino.ttf');
body{font:1.2em 'Palatino';background-color:#f5efdc;color:#3f2a18;padding-top:18px}
a{color:#3f2a18;text-decoration:none;}
h1 {font-size:110%; line-height:120%;font-weight:bold;margin-bottom:0.6em;}
h2, h3, h4 {font-weight:bold; margin-bottom:0.6em;font-size:110%;}

ul{list-style: none;padding: 0;margin: 0;width: 100%;}
li{cursor:pointer;line-height:1.6em;}
ul.list {display: inline-block;}
ul.list li{width: 100%;clear: both;border-bottom: 1px dotted #ccc;display: inline-block;margin-bottom: 15px;}
.left{float: left;}
.right{float: right;}
.title{font-weight:bold;}

.wide{width: 100%;}
p{margin-top: 0px;margin-bottom: 5px !important;}
.blue, a.blue{color: blue;}
.bold, a.bold{font-weight: bold;}
.clear,.clearfix{clear:both;}

/*main menu*/
.mainmenu{position: fixed;top: 0;bottom: 0;padding: 1px;background: white;width: 240px;overflow: auto;z-index: 99;left: -241px;}
img#show-menu{background-color:#e31e24;position: fixed;top: 0;left: 0;z-index: 999;}
.mainmenu ul{background: #fff;} 
.mainmenu ul li{line-height: 2em;border-bottom: solid 1px #ccc;padding: 0 10px;display: block;font-size: 90%;font-weight: bold;}
.mainmenu ul li.last{background-color: #ccc;color: #000;width:35px;position:fixed;top:32px;left:0;}
.mainmenu ul li.subs{ padding: 0;}
.mainmenu ul li.subs div.themes{background-color: bisque !important;color: #3f2a18 !important;clear: both;width:100%;text-align: center}
.mainmenu ul li.subs p{line-height: 60px;margin: 5px 0;}
.mainmenu ul li.subs label{ margin-left: 70px;color: #000;}

.mainmenu ul li.subs .dark{background-color: #000 !important;width: 60px;border-radius: 33px;}
.mainmenu ul li.subs .dark label{ }

.mainmenu ul li.subs .light{background-color: rgb(238, 238, 238) !important;width: 60px;border-radius: 33px;}
.mainmenu ul li.subs .sepia{background-color: rgb(245, 239, 220) !important;border:solid 3px orangered;width: 60px;border-radius: 33px;}
.mainmenu ul li.subs .mobile{background: none!important;}
.mainmenu ul li.subs .mobile img{background:none!important;float: left;}
.mainmenu ul li.subs .mobile label{ margin-left: 10px;}

.open .mainmenu{left: 0;}
.open img#show-menu{left: 242px;}
/*main menu*/

.bot-navigation{width: 100%;clear: both;position: relative;}
.jumping {clear: both;margin-bottom: -55px;padding-top: 20px;}

/*detail*/
.detail{padding:5px;font-weight: normal;}
#body-html{line-height: 1.4em;font-size:110%;}#body-html h1{display:none !important}#body-html img{max-width:100%;}#body-html div{margin: 20px 0;}
.content{border-top:solid 1px #ccc;}
/*end detail*/

a.icon_1 div,
a.icon_2 div{ float: left;margin-right: 20px;}
a.icon_1 div{background-image: url(images/zoom-out.png);width: 64px;height: 64px;}
a.icon_2 div{background-image: url(images/zoom-in.png);	width: 64px;height: 64px;}

.search {}

.alphabet{border: solid 1px #ccc;padding: 10px;}
.alphabet ul { margin: 0;padding: 0;list-style: none;}
.alphabet ul li{ float: left;margin-right: 2px;margin-bottom: 2px;padding: 3px 10px;background-color: #f4f4f4;border: solid 1px #000;cursor: pointer;min-width: 20px;text-align: center;font-weight: bold;}
.alphabet ul li:hover,ul.alphabet li.selected{ background-color: yellow;color: #000;}

.info{ cursor: pointer;margin-top:10px;}
.info-author a,.author{color:blue}
.hot {
	clear: both;	
	margin-bottom: 10px;
	padding: 10px;
	/*
	border: solid 1px #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(PIE.htc);
	*/
}
.visit {
	clear: both;	
	margin-bottom: 10px;
	padding: 10px;
	/*
	border: solid 1px #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(PIE.htc);
	*/
}
.lastupdate{
	clear: both;	
	margin-bottom: 10px;
	padding: 10px;
	/*
	border: solid 1px #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(PIE.htc);
	*/
}
.hot h2,.visit h2,.lastupdate h2{color:#c60;margin-top: -5px;text-align:center;}
.header{ width: 100%;margin-top:20px;}
.likefb{ height: 24px;margin-top: 30px;margin-left: 20px;}
.likefb1{ height: 24px;margin-top: 16px;margin-left: 20px;}
.hand{ cursor: pointer;}
.info,#bookinfo{}
#FooterZone
{
    clear: both;
    padding: 25px;
    line-height: 18px;
	text-align: center;
}

 input, select{padding:5px 3px;margin-right:5px;color:#3f2a18;font-weight:bold;}
 input[type='text']{padding:5px 3px;}

 .noneclick{font-family:'Palatino';}
 .little{width: 20%;}
 .jumping {margin-bottom: -10px;}
#bookinfo{position:relative;}
#bookinfo .holder{background-color: #f4f4f4;padding: 3px 10px 10px 10px;overflow: hidden;height: 63px;}
#bookinfo #gioithieu_toggle{position:absolute;right:10px;bottom: -11px;}

#fb{ text-align: center;}

 h2 a{font-weight:bold;line-height:1.3em}
 #RightZone{width:100%;}
 
 /*paging*/

.paging
{
display: block;
text-align: center;
clear: both;
margin: 10px 0;
margin-bottom:30px;
}

.paging .pleft{ display: none;float: left;position: relative;margin-top: 10px;color: magenta;font-weight: bold;}
.paging .pright{float: right;}
.paging a, .noneclick 
{
background-color: #fff;
border: 1px solid #BDBCBD;
padding:2px 10px;
/*color: #333;*/
text-shadow: 0 1px 0 white;
line-height:1.7em;
}

.paging a.selected
{
	text-decoration: none;
	background-color:#c60;
	border: 1px solid #9C4E00;
    text-shadow: 0 1px 0 #9C4E00;
    /*color: #fff;*/
}

.paging .noneclick
{
	color: #cdcdcd !important;
	padding:2px 5px;
    margin: 0 5px;
border: 1px solid #ccc;
line-height:1.7em;
}
/*paging*/

 #ContentZone,  .leftbig{width:100% !important;}
 #HeaderZone,#ContentFullZone{clear:both;}
 .changesize{position:absolute;right:20px;top:50px;}
 
.info,#bookinfo{font-size:0.8em;}
.visited{float:left;margin-left:10px;color:#999;font-size:90%;}
.cover{max-width:80px;width:30%;height:auto;float:left;margin-right:5px;margin-bottom:10px;margin-top:3px;border:solid 2px #333;}
.sumary{}
.header h1{margin-top: 0;text-align: center;}
.hot li,.visit li,.lastupdate li{line-height:1.3em;}

.small{font-size:80%;font-weight: normal;}
.new{width:18px;height:7px;background:url('../images/newgif.gif') 0 0 no-repeat;}

/* List categories */
.m_mainlistitem{margin:0;margin-top: 20px;width: 100%;}
.m_mainlistitem li {border: 1px solid #9C4E00;background:#c60;float:left;display:block;list-style:none;text-align: center;width: 48%;margin-right:1%;margin-bottom:0.5em;border-radius:3px;color:#fff;text-shadow:0 1px 0 #9C4E00}
.m_mainlistitem li:hover{background:#fafafa;color:#c60;text-shadow:none}
.m_mainlistitem li.wide{width:98%;clear:both;}

.total .visited
{
	float: left;
	width: 50px;
	font-size: 10px;
	color: #000;
	font-weight: bold;
	margin-left:0;
}
.total .totalchap
{
	float: left;
	width: 50px;
	font-size: 10px;
	color: #000;
	font-weight: bold;
}
.total .full
{
	background: url('../images/status.png') 0 0 no-repeat;
	float: left;
	width: 13px;height: 16px;
	margin-left: 10px;
	margin-top: 3px;
}
.total .unfull
{
	background: url('../images/status.png') -14px 0 no-repeat;
	float: left;
	width: 13px;height: 16px;
	margin-left: 10px;
	position: relative;
	margin-top: 3px;
}
.red{ color: red;}
.green{ color: green;}
.yellow{ color: #f5ab0c;}
.green{ color: green;}
[class^="icon-"],[class*=" icon-"]{float: left;position: relative;margin-top: 5px;font-size: 13px;margin-right: 2px;}


body.themedark{background-color:#000;}
.invisible{ position: absolute;z-index: -1;left: -5000px;bottom: 0;}
#body-html span{background-color:transparent !important;color: rgb(63, 42, 24) !important;}


/*dark themes*/
body.dark,body.dark a,body.dark div,body.dark p,body.dark span,
body.dark h2,body.dark h3, body.dark h1
{ background-color: #000 !important;color: #fff !important;}

body.dark a,body.dark div,body.dark p,body.dark span,
body.dark h2,body.dark h3, body.dark h1
{ color: #999 !important;}

body.dark .info, body.dark #bookinfo{border: solid 1px #fff;}

body.dark .dark{border: solid 3px orangered}
body.dark .sepia{border: solid 1px #000 !important; margin-top: 2px;}
body.dark .light{ border: solid 1px #000 !important; margin-top: 2px;}
/*dark themes*/

/*light themes*/
body.light,body.light a,body.light div,body.light p,body.light span,
body.light h2,body.light h3, body.light h1
{ background-color: rgb(238, 238, 238) !important;color: #000 !important;}

body.light .dark{border: solid 1px #000 !important; margin-top: 2px;}
body.light .sepia{ border: solid 1px #000 !important; margin-top: 2px;}
body.light .light{border: solid 3px orangered}
/*light themes*/
/*sepia themes - default*/
body.sepia .light{ border: solid 1px #000 !important; margin-top: 2px;}

ul.list .title a{display: inline-block;}

#adsmb-top{margin-top: -20px;text-align:center;}
#adsmb-top img{max-width: 90%;margin-left: 9%;}
.loading{position: fixed;padding:10px;background: #fff;border-radius: 4px;left:50%;top:50%;margin-top:-100px;margin-left:-30px;}
/*ins{display:none !important;}*/
#adsmb-mid,#adsmb-bottom,#adsmb-header{overflow:hidden;width: 320px;margin:0 auto;margin-bottom:-5px;}
#gabottom{clear:both;overflow:hidden;width: 320px;margin:0 auto;margin-top: 0;display: inline-block;}
.navchap{text-decoration:underline;font-weight:bold}
.reportcontent,.reportbook{display: block;clear: both;border: solid 1px red;padding: 5px;}

.popup,.popups{padding:20px;display:none;background-color:#fff !important;border-radius: 6px !important;border:solid 1px red !important}.popups{width:90%;height:90%}.popup .bClose,.popups .bClose{color: #2b91af;
cursor: pointer;
display: inline-block;
padding: 3px 8px;
text-align: center;
border-radius: 7px;
font: bold 131% sans-serif;
position: absolute;
right: 0;
top: 0;}.popup .bClose:hover,.popups .bClose:hover{background-color:#000}
.popup h2{margin-top: -5px !important;}
.reportmsg{background-color: rgb(240, 247, 239);padding: 5px;color: green !important;display:inline-block;}
#body-html iframe{display:none;}.hide{ display: none;}

.fix-one-row{overflow:hidden;height:24px;}
.chap li{margin-bottom:0 !important;padding: 2px 0;}
.info {}
.info li{display:inline-block;width:100%;}
.info li label{font-weight:bold;float:left;width:30%;}
.info li div{float:left;}
.info li div a{color:blue;}